<template>
  <div class="root base-background-img">
    <div class="home">
      <router-link to="/">
        <img src="~@/assets/youxiaoxianjie/home/home.png">
      </router-link>
    </div>
    <div class="back">
      <router-link to="/">
        <img src="~@/assets/youxiaoxianjie/home/back.png">
      </router-link>
    </div>
    <div class="pingyin">
      <router-link to="/youxiao/pingyinindex">
        <img src="~@/assets/youxiaoxianjie/index/pingyin.png">
      </router-link>
    </div>
    <div class="bihua">
      <router-link to="/youxiao/bihua/bihuaindex">
        <img src="~@/assets/youxiaoxianjie/index/bihua.png">
      </router-link>
    </div>
    <div class="suanshu">
      <router-link to="/youxiao/suanshu/suanshushang">
        <img src="~@/assets/youxiaoxianjie/index/suanshu.png">
      </router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: 'youxiao',
  data () {
    return {
    }
  }
}
</script>

<style scoped>
@import "~@/assets/style/base.css";
.root {
  background: url(~@/assets/youxiaoxianjie/index/youxiao_bg.png);
}
.root > div {
  position: absolute; 
}
.root > div {
  position: absolute; 
}
.home {
top: 54px;
    left: 57px;
}
.back {
    top: 153px;
    left: 57px;
}
.pingyin {
    top: 160px;
    left: 210px;
}
.bihua {
    top: 220px;
    left: 560px;
}
.suanshu {
    top: 210px;
    left: 900px;
}
</style>
